<template>
  <div class="nav-title">
    <div class="zuo" v-if="isShow" @click="$router.back()"><slot name="leftArrow">&lt;</slot></div>
    <div class="center"><slot>面经登录</slot></div>
    <div class="you" v-if="isShowMore"><slot name="more">更多</slot></div>
  </div>
</template>

<script>
export default {
  props: {
    isShow: { type: Boolean, default: false },
    isShowMore: { type: Boolean, default: false },
  },
}
</script>

<style lang="less" scoped>
.nav-title {
  display: flex;
  // width: 100%;
  height: 50px;
  // background-color: #5353ab;
  align-content: center;
  line-height: 50px;
  padding: 0 10px;

  .center {
    flex: 1;
    font-size: 17px;
    text-align: center;
  }
}
</style>
